<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>思维导图</title>
		<link rel="stylesheet" type="text/css" href="../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<script src="../js/art-template.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<div id="content">
			<div class="pinch-zoom">
            	<img id="big" style="width: 100%;" src=""/>
       		 </div>
		</div>
	</body>
	
</html>
<script src="../js/zepto.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/pinchzoom.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var Q = Query = {
		getFromURL: function(url,parameter){
			var index = url.indexOf("?");
			if (index != -1) {
				var parameterString = url.substr(index + 1);
				var reg = new RegExp("(^|&)" + parameter + "=([^&]*)(&|$)", "i");
				var r = parameterString.match(reg);
				if (r != null){
					return r[2];
				}
			}
			return null;
		},
		get: function(parameter) {
			if (typeof (parameter) == "undefined" || parameter == "") {
				return null;
			}
			var url = window.location.href;		
			var index = url.indexOf("?");
			if (index != -1) {
				var parameterString = url.substr(index + 1);
				var reg = new RegExp("(^|&)" + parameter + "=([^&]*)(&|$)", "i");
				var r = parameterString.match(reg);
				if (r != null){
					return r[2];
				}
			}
			return null;
		},
		getInt:function(parameter,defaultValue){
			var value = parseInt(this.get(parameter));
			return isNaN(value) ? (typeof(defaultValue) == "undefined" ? 0 : defaultValue) : value;
		},
		getDecoded:function(parameter){
			return this.decode(this.get(parameter));
		},
		decode:function(srcStr){
			if(typeof(srcStr) == "undefined"){return null;}
			return decodeURIComponent(srcStr);
		},
		encode:function(srcStr){
			if(typeof(srcStr) == "undefined"){return null;}
			return encodeURIComponent(srcStr);
		},
		getSymbol:function(url){
			return url.indexOf("?") == -1 ? "?" : "&";
		},
		joinURL:function(url,queryString){
			return url + this.getSymbol(url) + queryString;
		},
		createQueryString:function(obj){
			var a = [];
			for(var p in obj){
				if(typeof(obj[p]) == "function" || obj[p] == null || typeof(obj[p])=="undefined") continue;
				a.push(p + "=" + obj[p]);
			}
			return a.join("&");	
		}
	};
	
	
	var src = Q.getDecoded("src");
	var bookname = Q.getDecoded("bookname");
	document.getElementById("big").src = src;
	$(function(){
		$('.pinch-zoom').each(function () {
       		new RTP.PinchZoom($(this), {});
       });
	})
	
	
</script>